<template>
  <div>
    <el-table
      :data="tableData"
      border
      style="width: 100%"
    >
      <el-table-column type="index" width="55" label="序号" align="center"></el-table-column>
      <el-table-column label="图片" width="100" align="center">
        <template slot-scope="scope">
          <img style="display: inline-block;width: 80px;height: 80px;" class="imgClass" :src="scope.row.goodsUrl" alt="" />
        </template>
      </el-table-column>
      <el-table-column prop="goodsBrand" label="品牌" align="center"> </el-table-column>
      <el-table-column prop="goodsTitle" label="标题" align="center"> </el-table-column>
      <el-table-column prop="goodsPrice" label="价格" align="center"> </el-table-column>
      <el-table-column prop="goodsNum" label="数量" align="center"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "",
  props: {
      tableData:{
          type: Array,
          default: []
      }
  },
  components: {},
  data() {
    return {};
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>

<style scoped lang='less'>
// .imgClass {
//     display: inline-block;
//     width: 80px;
//     height: 80px;
//   }
</style>